<template>
<div v-if="false">
  <div class="info">
    <div>{{ count }}</div>
    <div>{{ age }}</div>
    <div>{{ height }}</div>
    <hr>
    <div>sCouter: {{ sCouter }}</div>
    <div>sAge: {{ sAge }}</div>
</div>
<Count></Count>
<hr>
<mapMutations/>
<hr>
<dispatchc/>
<hr>
<mapActions1></mapActions1>
</div>
<module></module>
</template>

<script>
import UserState from '../hooks/useState'
import Count from '../componnets/Count'
import mapMutations from '../componnets/mapMutation.vue'
import dispatchc from '../componnets/dispatch.vue'
import mapActions1 from '../componnets/mapActions.vue'
import module from '../componnets/module'
export default {
  components: {
    Count,
    mapMutations,
    dispatchc,
    mapActions1,
    module
  },
  setup () {
    const storeState = UserState(['count', 'age', 'height'])
    const storeState2 = UserState({
      sCouter: state => state.count,
      sAge: state => state.age
    })
    return {
      ...storeState,
      ...storeState2
    }
  }
}
</script>

<style>

</style>
